 // 主题色————主题色纯净、沉稳、广阔，充分诠释产品的商务性和科技感。
 // Th01：文字按钮默认色
 $f-theme-01: #1E5FB3 !default;
 // Th02：框架区头部背景色
 $f-theme-02: #3F65FF !default;
 $f-theme-02-gradient-color-01: $f-theme-02;
 $f-theme-02-gradient-color-02: #4D9AFF !default;
 $f-theme-02-gradient: linear-gradient(-50deg, $f-theme-02-gradient-color-01 0%, $f-theme-02-gradient-color-02 100%) !default;
 /* Th03：主要按钮点击背景色、
    「次要按钮、组合按钮、分页按钮」点击边框/文字色、
    下拉按钮点击边框/文字/ICON颜色、文字按钮点击色、
    输入框点击/输入边框色、线性页签点击文字色
*/
 $f-theme-03: #0E6DED !default;
 $f-theme-03-gradient-color-01: $f-theme-03;
 $f-theme-03-gradient-color-02: #1B75EF !default;
 $f-theme-03-gradient: linear-gradient(-50deg, $f-theme-03-gradient-color-01 0%, $f-theme-03-gradient-color-02 100%) !default;
 /*Th04：主要按钮默认背景色、
    组合按钮、分页按钮——选中背景色、文字按钮默认色、
    线性Tabs选中文字/下划线颜色、「单选框、复选框」选中背景色、
    数字/ICON步骤条进行中背景色
----primary颜色
    侧边栏导航按钮颜色
*/
 $f-theme-04: #2A87FF !default;
 $f-theme-04-gradient-color-01: $f-theme-04;
 $f-theme-04-gradient-color-02: #328BFF !default;
 $f-theme-04-gradient: linear-gradient(-50deg, $f-theme-04-gradient-color-01 0%, $f-theme-04-gradient-color-02 100%) !default;
 /* Th05：主要按钮滑过背景色、
    次要按钮、组合按钮、分页按钮——滑过边框/文字色、
    下拉按钮点击边框/文字/ICON颜色、输入框滑过边框色、
    线性页签滑过文字色、「单选、复选框」滑过边框色、
    数字步骤条已完成数字/边框色、ICON步骤条已完成背景色
 ----标题竖线的颜色
*/
 $f-theme-05: #529DFF !default;
 $f-theme-05-gradient-color-01: $f-theme-05;
 $f-theme-05-gradient-color-02: #559FFF !default;
 $f-theme-05-gradient: linear-gradient(-50deg, $f-theme-05-gradient-color-01 0%, $f-theme-05-gradient-color-02 100%) !default;


 //辅助色————辅助色选择不同明度的蓝色，表现界面的层次感。
 //框架背景色
 $f-aid-01: #EFF2F4 !default;
 // 「下拉弹层、表格、树、穿梭框」点击/选中背景色
 $f-aid-02: #DBE9FF !default;
 // 「下拉弹层、表格、树、穿梭框」滑过背景色
 $f-aid-03: #E8F2FF !default;
 // 合计行背景色
 $f-aid-04: #FFFBEB !default;
 // 表单分组标题背景色
 $f-aid-05: #f7f9fd !default;
 // 表单分组背景色
 $f-aid-06: #F7FAFF !default;
 // 表单分组边框色
 $f-aid-07: #F0F6FF !default;
 // 滚动导航背景渐变色开始
 $f-aid-08: #069EFF !default;
 // 滚动导航背景渐变色结束
 $f-aid-08: #0176FF !default;
 // 合计行颜色
 $f-aid-09: #FFF5EF !default;
 // 表格头部滑过颜色变化
 $f-aid-10: #1E80FF !default;
 // 表格选中背景色
 $f-aid-11: #DAE9FF !default;
 // 表格选中行边线
 $f-aid-12: #95BEF1 !default;

 // 点缀色————点缀色采用高纯度的邻近色和互补色，表现界面的韵律感和细节。
 $f-ornament-01-gradient-color-01: #4EC87A !default;
 $f-ornament-01-gradient-color-02: #52D389 !default;
 $f-ornament-01-gradient-direction: 135deg !default;
 $f-ornament-01-box-shadow: 0px 3px 10px 0px rgba($f-ornament-01-gradient-color-01, 0.3) !default;
 // OR01：单据类
 $f-ornament-01: linear-gradient($f-ornament-01-gradient-direction, $f-ornament-01-gradient-color-01 0%, $f-ornament-01-gradient-color-02 100%) !default;


 // OR02：管理类
 $f-ornament-02-gradient-color-01: #1FC8DC !default;
 $f-ornament-02-gradient-color-02: #41D2BD !default;
 $f-ornament-02-gradient-direction: 135deg !default;
 $f-ornament-02-box-shadow: 0px 3px 10px 0px rgba($f-ornament-02-gradient-color-01, 0.3) !default;
 $f-ornament-02: linear-gradient($f-ornament-02-gradient-direction, $f-ornament-02-gradient-color-01 0%, $f-ornament-02-gradient-color-02 100%) !default;

 // OR03：查询报表类
 $f-ornament-03-gradient-color-01: #FC8249 !default;
 $f-ornament-03-gradient-color-02: #FE9539 !default;
 $f-ornament-03-gradient-direction: 135deg !default;
 $f-ornament-03-box-shadow: 0px 3px 10px 0px rgba($f-ornament-03-gradient-color-01, 0.3) !default;
 $f-ornament-03: linear-gradient($f-ornament-03-gradient-direction, $f-ornament-03-gradient-color-01 0%, $f-ornament-03-gradient-color-02 100%) !default;

 // OR04：系统参数类
 $f-ornament-04-gradient-color-01: #4190FF !default;
 $f-ornament-04-gradient-color-02: #657CFF !default;
 $f-ornament-04-gradient-direction: 135deg !default;
 $f-ornament-04-box-shadow: 0px 3px 10px 0px rgba($f-ornament-04-gradient-color-01, 0.3) !default;
 $f-ornament-04: linear-gradient($f-ornament-04-gradient-direction, $f-ornament-04-gradient-color-01 0%, $f-ornament-04-gradient-color-02 100%) !default;

 // OR04：字典类
 $f-ornament-05-gradient-color-01: #8B82FF !default;
 $f-ornament-05-gradient-color-02: #A082FF !default;
 $f-ornament-05-gradient-direction: 135deg !default;
 $f-ornament-05-box-shadow: 0px 3px 10px 0px rgba($f-ornament-05-gradient-color-01, 0.3) !default;
 $f-ornament-05: linear-gradient($f-ornament-05-gradient-direction, $f-ornament-05-gradient-color-01 0%, $f-ornament-05-gradient-color-02 100%) !default;






 // 中性色————中性色选择不同明度的灰色，表现界面的区块及边界。
 // 分页背景色、次要按钮背景色、表格背景色、Switch选中背景色
 // 侧边栏内容区背景色
 $f-neutral-00: #fff !default;

 // 
 $f-neutral-01: #bfbfbf !default;
 /*「次要按钮、下拉按钮、组合按钮、分页按钮」默认边框色、
    输入框默认边框色、
    「单选框、复选框」默认边框色、
    数字/ICON步骤条未开始背景色、
    滚动条默认背景色、
    图标按钮禁用色
*/
 $f-neutral-02: #E6E9F0 !default;
 /*
  「主要按钮、次要按钮、下拉按钮、组合按钮、分页按钮」禁用边框色
*/
 $f-neutral-03: #DEE1EA !default;
 // Table表头与表体分割线
 $f-neutral-04: #E4E7EF !default;
 // 页面一级分割线颜色、线性页签下划线颜色、Table奇偶行分割线
 // 侧边栏标题区边线颜色
 $f-neutral-05: #EAEDF3 !default;
 // 文字按钮与图标按钮分割线、Input只读/禁用边框色、单选/复选框选中禁用边框/背景色
 $f-neutral-06: #ececec !default;
 // 弹出窗口分割线
 $f-neutral-07: #efefef !default;
 //「主要按钮、次要按钮、下拉按钮、组合按钮、分页按钮」禁用背景色
 // 2020年3月4日，禁用采用的颜色 $f-neutral-09
 $f-neutral-08: #F4F5F9 !default;
 // 表格奇偶行背景色、电话号码/邮箱等特殊格式输入框前缀/后缀背景色
 $f-neutral-09: #F7F8FB !default;
 // Table表头背景色
 $f-neutral-10: #F7F8FB !default;
 // 线性输入框编辑态下默认样式
 $f-neutral-11: #a8a8a8 !default;
 // 输入控件禁用颜色
 $f-neutral-12: #F5F5F5 !default;
 // 树禁用行颜色
 $f-neutral-13: #FDFDFD !default;
 // 表格固定列的表头背景色
 $f-neutral-14: #EFF1F7 !default;
 // Form小分组标题颜色
 $f-neutral-15: #2A62AB !default;
 // 文字色
 // 分页Active文字颜色、主要按钮文字颜色
 $f-text-00: #fff !default;
 // T01：标题、Tabel表头文字
 $f-text-01: #000 !default;
 // T02：通用文字
 $f-text-02: #2D2F33 !default;
 // T03：Table内容文字
 $f-text-03: #424347 !default;
 // T04：Input展示态标签文字、Tabs页签未选中文字、次要按钮/折叠面板下拉按钮默认色
 $f-text-04: #848C9A !default;
 // T05：表单分组标题；表格的二级标题
 $f-text-05: #5A5E66 !default;
 // T06：文字按钮禁用色
 $f-text-06: rgba(0, 0, 0, 0.25) !default;
 // T07：图标按钮禁用色
 $f-text-07: #B4BCCC !default;
 // T08 Input只读/禁用、单选/复选框选中禁用 文字色
 $f-text-08: rgba(0, 0, 0, 0.3) !default;
 // 清空按钮
 $f-text-09: rgba(0, 0, 0, 0.35) !default;

 // 语义色
 // 常规文字提示色
 $f-semantic-info: #4D9AFF !default;
 // 消息提示框
 $f-semantic-info-notify: #EDF9FF !default;
 //
 $f-semantic-info-gradient: linear-gradient(135deg, #657CFF 0%, #4190FF 100%);

 // 提交状态提示色
 $f-semantic-submit: #58CACC !default;
 $f-semantic-submit-gradient: linear-gradient(135deg, #12BFD3 0%, #41D5B9 100%);
 // 成功文字提示色
 $f-semantic-success: #5FC875 !default;
 // 消息提示框,成功文字提示色
 $f-semantic-success-notify: #F0FAF4 !default;
 $f-semantic-success-gradient: linear-gradient(135deg, #3CA78D 0%, #7BCA8B 100%);

 // 警告文字提示色
 $f-semantic-warning: #F7933B !default;
 // 消息提示框,警告文字提示色
 $f-semantic-warning-bg: #FFFAEF !default;
 $f-semantic-warning-gradient: linear-gradient(135deg, #FC8249 0%, #FE9539 100%);
 // 失败、错误提示色
 $f-semantic-danger: #F15E5D !default;
 // 消息提示框,失败、错误提示色
 $f-semantic-danger-bg: #FEF1F1 !default;
 $f-semantic-danger-gradient: linear-gradient(135deg, #E55875 0%, #FF7878 100%);

 // 输入控件异常提示框， 失败、错误提示信息背景色
 $f-semantic-form-danger-bg: rgba(#FDE5E5, 0.9) !default;
 // 输入控件成功提示框，成功提示信息背景色
 $f-semantic-form-success-bg: #E6F5EC !default;

 // 遮罩层
 $f-mask-bg: rgba(0, 0, 0, 0.15) !default;

 // 页面模板背景色
 $f-tmpl-bg: $f-aid-01 !default;

 //单独
 $f-scrollspy-tab-title-color: rgba(68, 106, 159, 0.75);
 $f-scrollspy-tab-title-active-color: #2A87FF;
 // 彈出窗口
 $farris-modal-content-box-shadow-sm-up: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
 $farris-modal-backdrop-opacity: 0.45 !default;

 //
 $f-sidebar-main-shadow: 6px 0px 8px 0px rgba(0, 0, 0, 0.1);
 $f-sidebar-main-shadow-position-right: -6px 0px 8px 0px rgba(0, 0, 0, 0.1);

 /*
* 按钮变量
*/
 $farris-btn-primary-bg: $f-theme-04-gradient !default;
 $farris-btn-primary-hover-bg: $f-theme-05-gradient !default;
 $farris-btn-primary-active-bg: $f-theme-03-gradient !default;
 $farris-btn-primary-box-shadow: 0px 4px 10px 0px rgba(69, 144, 255, 0.25) !default;
 $farris-btn-primary-focus-box-shadow: 0px 4px 10px 0px rgba(69, 144, 255, 0.3) !default;
 $farris-btn-primary-active-box-shadow: 0px 4px 10px 0px rgba(69, 144, 255, 0.3) !default;
 ;
 // box-shadow 阴影 边框
 $farris-btn-secondary-border: #E8EBF2 !default;
 $farris-btn-secondary-color: #2D2F33 !default;
 $farris-btn-box-shadow-outline: 0px 2px 6px 0px rgba(31, 35, 41, 0.06) !default;
 $farris-btn-focus-box-shadow-outline: 0px 2px 6px 0px rgba(31, 35, 41, 0.08) !default;
 $farris-btn-active-box-shadow-outline: 0px 2px 6px 0px rgba(31, 35, 41, 0.08) !default;

 //view change
 $f-view-change-btn-text: #595959 !default;
 $f-view-change-btn-bg: $f-neutral-00 !default;
 $f-view-change-btn-border-color: #E9ECF3 !default;
 $f-view-change-btn-hover-border-color: #E9ECF3 !default;
 $f-view-change-btn-hover-text: #2A87FF !default;
 $f-view-change-btn-active-color: #2A87FF !default;
 $f-view-change-btn-active-bg: #fff !default;
 $f-view-change-btn-active-hover-background: #fff !default;
 $f-view-change-btn-active-hover-border-color: #E9ECF3 !default;

 // 分页-默认
 $farris-pagination-color: #2D2F33 !default;
 $farris-pagination-bg: #FFFFFF !default;
 $farris-pagination-border-color: #E9ECF3 !default;
 // 分页-当前
 $farris-pagination-active-color: #2A87FF !default;
 $farris-pagination-active-bg: #E9F3FF !default;
 $farris-pagination-active-border-color: #E9F3FF !default;

 /*******************************
          带竖线模板
*******************************/
 $f-tmpl-title-withline-title-font-size: 0.9375rem !default;
 $f-tmpl-title-withline-title-other-font-size: 0.8125rem !default;
 $f-tmpl-title-withline-subtitle-font-size: 0.8125rem !default;


 // listview页面——导航上的图标
 $f-listnav-toggle-hover-bg: linear-gradient(214deg, #3F65FF 0%, #4D9AFF 100%) !default;
 $f-listnav-toggle-hover-box-shadow: 0 2px 5px 0 rgba(78, 148, 255, 0.40) !default;
 $f-listnav-toggle-active-bg: linear-gradient(214deg, #3F65FF 0%, #4D9AFF 100%) !default;
 $f-listnav-toggle-active-bg-box-shadow: 0 2px 5px 0 rgba(78, 148, 255, 0.40) !default;

 /*
 * 实际使用中的变量
 */
 $f-header-icon-text: (
     manage: $f-ornament-02-gradient-color-01,
     dict: $f-ornament-05-gradient-color-01,
     bill: $f-ornament-01-gradient-color-01,
     query:$f-ornament-03-gradient-color-01,
     param: $f-ornament-04-gradient-color-01) !default;




 // Pagination.scss
 $farris-pagination-hover-bg: #fff;